<template>
  <div id="error-page" class="error-page">
    <div class="txt-container">
      <h1 v-if="error.statusCode === 404">404,抱歉，你访问的页面不存在。</h1>
      <h1 v-else>An error occurred</h1>
      <NuxtLink to="/">返回首页</NuxtLink>
    </div>
  </div>
</template>

<script>
  export default {
    props: ['error'],
    layout: 'error' ,// you can set a custom layout for the error page
    head: {
      title: '404'
    },
  }
</script>

<style>
.error-page {
  /* 自定义样式 */
  text-align: center;
  height:81.7vh;
}
.error-page .txt-container{
  margin-top: 60px;
}
</style>
